.xnBanner{width: 100%; height:620px;  position:relative; }
.section_banner1_box{ height:620px; width: 100%;  overflow:hidden; margin: 0 auto; position: relative;}
#focusindex { height:620px; overflow: hidden; position: relative; }
#focusindex li { height:620px; overflow: hidden; position: absolute; width: 100%; }
#focusindex li a { display: block; height:620px; position: absolute; width: 100%; z-index:2 }

#focusindex .btn { position: absolute; width: 100%; height: 16px; bottom: 12px; text-align: center; z-index: 9 }
#focusindex .btn span { display: inline-block; _display: inline; _zoom: 1; width: 16px; height: 16px; _font-size: 0; margin: 5px 10px; cursor: pointer; 
    background:url("../images/banner_off.png") no-repeat center top; z-index: 9; border-radius: 50% }
#focusindex .btn span.on { background:url("../images/banner_on.png") no-repeat center top; z-index: 9 }
#focusindex .preNext { width: 44px; height: 44px; position: absolute; top: 288px; background: url("../images/sprite.png") no-repeat left bottom; cursor: pointer; z-index: 9; opacity: 0; transition: all 0.3s linear 0s; }
#focusindex .pre { left: 0%; z-index: 9 }
#focusindex .next { right: 0%; background-position: right bottom; z-index: 9 }
#focusindex:hover .preNext { opacity: 0.5; }
#focusindex:hover .pre { left: 10%; }
#focusindex:hover .next { right: 10%; }
#focusindex .pre:hover, #focusindex .next:hover { opacity: 1; }